//遍历输出商品
function cycleContent(data) {
    //回到页面顶部
    $(window).scrollTop(0);
    //开始循环
    $.each(data, function (index, value) {
        html = `
            <div class="mdui-col mdui-p-b-2">
                <a href="/v/store/project/id/${value.id}" style="text-decoration: none">
                    <div class="mdui-card">
                        <div class="mdui-card-media">
                            <img class="lazy-load" data-original="${value.image}" />
                        </div>
                        <div class="mdui-typo">
                            <div class="indexBox-text mdui-typo-subheading mdui-p-x-1 mdui-p-t-1">
                                ${value.name}
                            </div>
                            <div class="indexBox-text mdui-typo-title mdui-text-color-theme-accent mdui-p-x-1 mdui-p-y-1">
                                ￥${value.price}
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            `
        $('.js-cycle-guide').append(html);
    })
    //JS-动态懒加载
    $("img.lazy-load").lazyload({
        placeholder: "https://file.fatda.cn/directlink/Loc-1/1920x1080%E5%9F%BA%E5%9B%BE-%E5%8E%8B%E7%BC%A92.gif",
        effect: "show", //渐现，show(直接显示),fadeIn(淡入),slideDown(下拉)
        threshold: 180, //预加载，在图片距离屏幕180px时提前载入
        event: 'scroll',  // 事件触发时才加载，click(点击),mouseover(鼠标划过),sporty(运动的),默认为scroll（滑动）
        failure_limit: 1 //加载2张可见区域外的图片,lazyload默认在找到第一张不在可见区域里的图片时则不再继续加载,但当HTML容器混乱的时候可能出现可见区域内图片并没加载出来的情况
    })
}

$(function () {
    //初始加载
    data = { 'page': 1 };
    result = apiAjax0(data, apiUrlStoreGetProjectList);//请求分页数据
    if (result) {
        //分页数据处理
        cycleContent(result.data.data);
        //分页按钮处理
        Page(1, result.data.lastPage);
    }else{
        $('.js-page-btn-group').remove();
    }

    //翻页按钮
    $('.js-btn-page').click(function () {

        if (Number($(this).text())) {
            nowPage = $(this).text();
        } else {
            nowPage = 1;
        }

        data = { 'page': nowPage };
        result = apiAjax0(data, apiUrlStoreGetProjectList);//请求分页数据
        if (result) {
            //清除前数据
            $(".js-cycle-guide").empty();
            //分页数据处理
            cycleContent(result.data.data);
            //分页按钮处理
            Page(1, result.data.lastPage);
        }

        lastPage = result.data.lastPage;

        if ($(this).attr('id') == 'js-btn-page-0') {
            nowPage = 1;
        } else if ($(this).attr('id') == 'js-btn-page-5') {
            nowPage = lastPage;
        }

        Page(nowPage, lastPage)
    })
})